@charset "utf-8";

/* reset样式 */
* {margin:0; padding:0;}
img {border:0;vertical-align:middle;}
ol, ul{list-style:none}
:focus{outline:0}

/*全局 ===================================================== */
body, html{ background:#FFF; font:12px/21px Tahoma,"Microsoft Yahei",Geneva,sans-serif; color:#666; text-align:left}
.container{margin:0 auto; width:960px; padding:0 15px }
a {text-decoration:none; color:#0077E0}
a:hover {text-decoration:underline}
.f_r{float:right}
.f_l{float:left}

.ajax_processing {background:url('../img/loading.gif') no-repeat left center; padding: 5px 10px 5px 20px; font-size: 14px; float: left; margin: 8px 10px 0 0}

/* 表单 */
form table th {vertical-align:top; padding:5px 10px 0 5px;white-space: nowrap;}
form table th em {font-style:normal;font-weight:normal;color:#A00;}
form table .action td input {float:left;}
form .ajax_processing {float:left;margin:0 0 0 20px;}
form .error {float:left; color:#c00; font-size:14px;margin:5px 0 0 20px;}
form .ok {float:left; color:#0570DA; font-size:14px;margin:5px 0 0 20px;}
form .ok a {text-decoration:underline;color:#00f;}

form .submit {
    display: inline-block;
    text-align: center;
    color: #444;
    font: normal 16px "Microsoft Yahei" ;
    height: 34px;
    line-height: 32px;
    padding: 0 15px;
    line-height: 34px;
	border: 1px solid #3079ED;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
	background-color: #4D90FE;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
	background-image: linear-gradient(top,#4d90fe,#4787ed);
}
form .submit:hover{
	border: 1px solid #2F5BB7;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	background-color: #357AE8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
	background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
	background-image: linear-gradient(top,#4d90fe,#357ae8);
}

/* header      ===================================================== */
#header{}
#header .container{ padding:25px 0; height:32px; position: relative; z-index: 1}

#loginArea{position: absolute; top:5px; right: 0;}
.logo{ float:left; width:290px}
.logo a{ display:block; background:url(../img/logo.png) no-repeat; width:144px; height:32px; text-indent:-9999em;}

/*主菜单*/
#mainnav{ float:left; margin-top:10px}
#mainnav li{float:left; padding: 0 10px}
#mainnav a{ display:block; font: bold 14px/26px Tahoma, "Microsoft Yahei"; color:#7a7a7a; width: 100px;text-align:center;}
#mainnav a:hover {color:#2171B9;}
#mainnav a.home{width: 60px;}
#mainnav a.features{}
#mainnav a.cases{}
#mainnav a.capp{}
#mainnav a.about{}

#mainnav a:hover{filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; text-decoration: none}


/*首页主广告条   ===================================================== */
#index_banner{ background:url(../img/main_banner_bg.png) repeat-x;}
#index_banner .item{height:383px; position:relative}
#index_banner .info{ font:14px/25px Tahoma,"Microsoft Yahei"; padding:30px 0 0}
#index_banner .info h1 {font-weight:normal;font-size:16pt;}
#index_banner .info h1 span {font-weight:bold;display:block;margin:10px 0 0 0;font-size:22pt;color:#555;}
#index_banner .info ul {margin:20px 0 0 20px;list-style-type:disc;line-height:22px;color:#666;}
#index_banner .pic{ position:absolute; top:11px; right:0}
.bnt{ margin:30px 0 20px;  }
.bnt a{ display:block; text-indent: -9999em; width:208px; text-align:center; line-height: 36px; background:#0090e5 url(../img/bnt_bg.png) no-repeat right 0; height:59px; color:#FFF}
.bnt a:hover,.a_icon:hover{ text-decoration:none; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}

#app_show{position: relative; background: url(../img/banner1.png) no-repeat; width: 437px; height: 407px;}

#app_show .JQ-slide-nav{ position: absolute; z-index: 2; bottom:58px; left: 138px;}
#app_show .JQ-slide-nav li{ height:10px; background: #252c35; width: 29px; overflow: hidden; float: left; text-indent: -9999px; cursor: pointer}
#app_show .JQ-slide-nav li.on{background: #1a98e8; border-top: 1px solid #7ab0ed}
#app_show .JQ-content-box li{position: absolute; left: 137px; top:40px; z-index: 1}
/* 主内容 =====================================================  */
#main{}
#main .container{ padding:0 0 20px 0; min-height: 300px;}
.Slogans{font:24px/36px Tahoma,"Microsoft Yahei"; color:#2a88ec; margin:25px 0}

.setup li{float:left; width:320px}
.setup li dt,.setup li dd{margin:0 40px 10px 0}
.setup li h4{font-size:16px}
.setup .set{font-size:68px; line-height:68px; height:68px; color:#d6d6d6}
.setup .set ins{display:inline-block; background:url(../img/setup_icon.png) no-repeat 0 0; height:40px; width:48px; overflow:hidden; margin:10px 10px 0 5px}
.setup .b .set ins{ background-position:0 -40px}
.setup .c .set ins{ background-position:0 -80px}

.setup  a:hover{background:#0077E0; color:#FFF; padding:1px 2px 1px 2px; text-decoration:none}


/* 内页 =====================================================  */
#page_banner{ background:url(../img/page_banner.png) repeat-x; height:73px; }
#page_banner h2{letter-spacing: -1px; color: #666; font: 24px/73px "Microsoft Yahei"; text-shadow: white 1px 1px 3px;}
#page_banner h2 span{font-size: 16px}
h4.set{font-size:18px; background:url(../img/singup_digits.gif) no-repeat; padding-left:25px; color:#333; height:30px; font-weight:normal; margin:0 0 10px}
h4.set.b{background-position:0 -48px}
h4.set.c{background-position:0 -83px}

.main_col{}
.left_col{ float:left; width:440px;}
.right_col{float:right; width:480px;}


.form_title{ margin-bottom:8px; padding-bottom:7px; border-bottom:1px solid #ddd;}
.form_title span{display:inline; color:#1A74B0; font-size:14px; font-weight:bold}

/* 表单 */
.form,.features{ padding:20px; background:#FFF; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.form-line:after,.form-guide:after,.form-line-btn:after,.form-error:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.form-line,.form-guide,.form-line-btn,.form-error{zoom:1;}
.form .label{float:left;width:130px;margin-left:-5px;padding-right:5px;padding-top:1px\9;_padding-top:0;line-height:22px;text-align:right; color:#333}
.form .element{float:left;min-height:22px;_height:22px;width:74.4%;padding-bottom:15px;}
.form .element .fred{color:#B0251E; margin:0 6px}  
.info{ display:block; color:#888}
.intext, textarea {
	border: 1px solid #9AB2CA;
	border-right-color: #C3D3E3;
	border-bottom-color: #C3D3E3;
	background-color: white;
	padding:8px;
}

.button{ float:left; background: url(../img/next_bnt.gif) no-repeat; width: 191px;  height: 49px; color: #FFF; font: normal 18px/45px "Microsoft Yahei"; text-decoration: none }
input.button{border: none; width: 191px; padding: 0; text-align:center; cursor: pointer}
.button:hover{filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; text-decoration: none}

/*安装步骤*/
.app_tips{ margin-bottom: 10px;}
.app_tips ul{}
.app_tips li{float: left; position: relative; }
.app_tips li span{height:28px; width:180px;  border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;display:inline-block;height:28px;line-height:28px;text-align:center;background:#F9F9F9;color:#999;}
.app_tips li em{display:inline-block;width:12px; height:30px;overflow:hidden;background:url(../../img/bg_step.gif) no-repeat;position:absolute;}
.app_tips li .l{top:0;left:-3px;background-position:-9px -90px;}
.app_tips li .r{top:0;right:0;background-position:0 -60px;}.V35_tips .first span{border-left:1px solid #E1E1E1;}
.app_tips .end span{border-right:1px solid #E1E1E1;}
.app_tips .end .r{background:none;}
.app_tips .curr,.app_tips .first .curr,.app_tips .end .curr{border-color:#849EC5;background:#8FB3DF;color:#fff;}
.app_tips .curr .l{background-position:-9px -30px;}
.app_tips .curr .r{background-position:0 0;}


.textlist{}
.textlist ol{margin: 5px 0 20px 15px;}

.textlist li{}
.textlist dt, h3{font: normal 18px/36px "Microsoft Yahei"; color: #333}
.textlist li h3{font-size: 14px; line-height: 24px;}
.textlist dd{}

.apppic img{filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; display: none}
.apppic img:hover{filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

.apppic strong{font: normal 14px/25px "Microsoft Yahei"; color: #333}
.apppic dd{margin-bottom: 10px}
#help_block{display: none}


/*功能介绍*/
.features{padding: 0; background: #FFF; position: relative;}
.features_list li{width:618px; padding:8px 16px 0 8px; height: 80px;  background: #FFF; color: #666;}
.features_list li.on{background:url(../img/f_on_bg.png); color: #444}
.features_list .pic{ height:48px; width: 48px; background: #FFF; float: left; margin-right: 10px;}
.features_list li.last{margin-right: 0}

.features_list .dec span{ display: block;  font-size: 14px; font-weight: bold;   margin-bottom:5px;}

.features .JQ-content-box{ background: url(../img/features_bg.png) no-repeat; width: 219px; height: 446px; position: absolute; bottom:20px; right: 0px; padding: 50px 0 0 15px;}
.features .JQ-slide-content{ position: relative; }
.features .JQ-slide-content li{position: absolute;  left: 0; top:0}
/*.col3 .col_list{}*/
/*.features_list li{background-color:#fff;border:1px solid #eee;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:inset 0 -1px 0 #FFF;-webkit-box-shadow:inset 0 -1px 0 #FFF;box-shadow:inset 0 -1px 0 #FFF;background-image:-webkit-gradient( linear,left bottom,left top,color-stop(0.08,#f2f2f2),color-stop(0.84,#FFFFFF) );background-image:-moz-linear-gradient( center bottom,#f2f2f2 8%,#FFFFFF 84% );}*/


#form_upload_pic .form{height: 335px;}
#form_upload_pic .form .JQ-slide-nav th {padding-top:10px;}
#form_upload_pic .form .JQ-slide-nav td {padding:10px;border:1px solid #fff;}
#form_upload_pic .form .JQ-slide-nav .on td {
	background:url(../img/step_on.png);
}

.form {position: relative;}
.form .JQ-content-box{}
.form .JQ-slide-content{ }
.form .JQ-slide-content li{z-index: 0; opacity: 0;background: url(../img/step_m_bg.png) no-repeat 26px 0; position: absolute; width:226px; height: 367px; padding: 0px 0 0 0px; right:80px; top:10px;}

/* 案例展示*/
.cases_list{}
.cases_list li{float: left; width:240px; height:240px;  margin-bottom: 12px; }
.cases_list li .item{
    position: absolute; left: 0; top:0; width: 200px;
    text-align: center; border: 1px solid #eee;  background:#FFF;
    -moz-border-radius:6px;
    border-radius:6px;
    padding:12px;
    list-style-type:none;
    -moz-box-shadow:inset 0px 0px 6px rgba(0,0,0,0.1);
    -webkit-box-shadow:inset 0px 0px 6px rgba(0,0,0,0.1);
    box-shadow:inset 0px 0px 6px rgba(0,0,0,0.1);
    position:relative;
    color: #868686;
}
.cases_list li .site{color: #686868; display: block;}
.cases_list li a:hover{text-decoration: none;}
.cases_list li a .pic{display: block; height: 80px;  margin-bottom: 3px;}
.cases_list li a .pic img{vertical-align: middle; line-height: 80px; margin-top: 20px;}
.cases_list li .download{border-top: 1px solid #eee; padding: 6px 0 0; margin-top: 6px; display: none}
.cases_list li .download a{color:#0077E0}
.cases_list li .download a:hover {background: #0077E0; color: #FFF}
.cases_list li.on .item{ 
    -moz-box-shadow:0px 0px 6px rgba(0,0,0,0.1);
    -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.1);
    box-shadow:0px 0px 6px rgba(0,0,0,0.1);
}
.cases_list li.on .download{display: block;}

/* 登陆页*/
.loginlist{padding:0}
.loginlist li{float: left; text-align: center; margin:0 10px 10px 0;}
.loginlist li a{display: block;  width: 120px; height: 42px; font-weight: bold; font-size: 14px;}
.loginlist li a:hover{background: #369; text-decoration: none;}

/*用户中心*/
.user_nav{margin-bottom: 15px; background: #F7F7F7; border: 1px solid #F0F0F0; border-radius: 3px; height: 37px; padding:0 10px}
.user_nav li{height:37px; float: left}
.user_nav a{ line-height:37px; font-size: 14px; color:#0078B6; display: block; float: left; padding:0 10px}
.user_nav a:hover{text-decoration: none}
.user_nav li.on a{color: #333; bolder; font-size: 16px; }


.a_icon{}
/*生成app*/
.table1{ margin: 10px 0 25px; border-bottom: 1px #C2CFDD solid; border-collapse: collapse}
.table1 th{background:#E5E9F3; padding: 5px 10px}
.table1 td{padding: 10px 10px}

.agreement ol{padding-left: 15px;}
.agreement ol li{list-style-type: decimal;  margin-bottom: 15px;}
.agreement ol li li{margin-bottom: 0; list-style-type:lower-latin; }
/* footer ===================================================== */
#footer{border-top: 1px dashed #ccc; padding:20px 0; color:#999; margin:30px 0;}

.copyright{float:left}
.share{float:right;}
.share a { margin-right:3px; color: #999; float:left; }
.share a.weibo {background:url('../img/F05.gif') no-repeat left center; padding-left:20px;}

/*帮助*/
.faq_page strong{font-size: 14px; margin-bottom: 5px; display: block;}
.faq_page p{margin-bottom: 25px;}

.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}